<template>
	<view class="settled">
		<view class="logo-title">
			<image class="left" src="@/static/images/logo.png" alt="" />
			<image class="logo-right"  mode="widthFix" src="@/static/images/logo-name.png" alt="" />
		</view>
		<view class="title-info">
			商家入驻
		</view>
		<view class="desc">
			检测到您还未入住我们平台，是否申请入驻
		</view>
		<button class="btn" @click="openApplyfor">
			申请入驻
		</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			//获取jssdk
			// this.initWxsDk()
		},
		methods: {
			//引入jssdk
			async initWxsDk(){
				  const wxdk = await this.$wxSdk.init({
					  appId: "wx0b1e6fb0f62ed9dd"	,
					  // timestamp: 11,
					  // nonceStr: 111,
					  // signature: 111,
				  });
				wxdk.setNavigationBarColor({
					frontColor: '#ffffff',      // *文字颜色* (仅支持 #000000 / #ffffff)
					backgroundColor: '#ff0000' // *背景色* (支持任意16进制颜色)
				});
			},
			openApplyfor(){
				uni.navigateTo({
					url:"/pages/submit-page/applyfor"
				})

				
			}
		}
	}
</script>

<style lang="scss" scoped>
 .settled{
	 height: 100vh;
	 text-align: center;
	 background-image: url("/static/images/bg-settled.png");
	 background-size: 100% auto;
	 background-repeat: no-repeat;
	 background-position: center -176rpx;
	 padding-top: 234rpx;
	 .logo-title{
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 .left{
			 width: 120rpx;
			 height: 120rpx;
			 border-radius: 20rpx;
			 border:2rpx solid #fff;
			 margin-right: 20rpx;
		 }
		 .logo-right{
			 width: 390rpx;
			 // height: auto;
		 }
	 }
	 .title-info{
		text-align: center;
		color: #fff;
	 	margin-top: 200rpx;
	 	font-size: 64rpx;
	 	letter-spacing: 4rpx;	 
	 }
	 .desc{
		 margin-top: 14rpx;
		 text-align: center;
		 color: #fff;
		 letter-spacing: 4rpx;	 
	 }
	 .btn{
		 display: inline-block;
		 margin-top: 56rpx;
		 padding: 0 160rpx;
		 height: 96rpx;
		 line-height: 96rpx;
		 border-radius: 48rpx;
		 color: #0973F4;
		 font-size: 32rpx;
		 font-weight: 500;
	 }
 }
</style>
